<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                    template="./userTemplate/UserTemplate2.xhtml">

        <ui:define name="Title">
            <title>Order</title>
            <link href="css/StyleOrder.css" rel="stylesheet" type="text/css" />
        </ui:define>
        <ui:define name="content">
              <h:form>
                <div id="contenner" style="text-align: center;margin-top: 50px">
                    <h:form prependId="false">
                        <p:growl id="growl" showDetail="true" />

                        <p:pieChart id="pieChart" value="#{chartBean.pieModel}" legendPosition="w"
                                    title="Tong So ban trong nam" style="width:400px;height:300px">
                            <p:ajax event="itemSelect" listener="#{chartBean.itemSelect}" update="growl" />
                        </p:pieChart>

                        <p:barChart id="barChart" value="#{chartBean.categoryModel}" legendPosition="ne"
                                    title="So luong ban trong nam" style="height:300px">
                            <p:ajax event="itemSelect" listener="#{chartBean.itemSelect}" update="growl" />
                        </p:barChart>

                    </h:form>
                </div>
            </h:form>
        </ui:define>
    </ui:composition>
</html>
